<%--
  Created by IntelliJ IDEA.
  User: zxbing
  Date: 2017/3/28
  Time: 上午10:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<html>
<head>
    <title>首页</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <!-- 轮播图样式 -->
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/jquery-mobile-touch-player/css/default.css">
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/jquery-mobile-touch-player/css/jquery.hiSlider.min.css">
    <%--<!-- layui样式 -->--%>
    <%--<link rel="stylesheet" type="text/css" href="${ctxStatic}/layui/css/layui.css">--%>

    <!-- 轮播图js脚本 -->
    <script type="text/javascript" src="${ctxStatic}/jquery-mobile-touch-player/js/jquery.hiSlider.min.js"></script>
    <%--<!-- layui.js脚本文件 -->--%>
    <%--<script type="text/javascript" src="${ctxStatic}/layui/layui.js"></script>--%>
</head>
<body>
    <div class="main_container">

        <!-- 热点内容 -->
        <div class="content_hot">

            <!-- 焦点图 -->
            <div class="photo_hot">
                <ul class="hiSlider hiSlider1">
                    <%--<c:forEach items="${fnc:getArticleList(site.id, '2', 8, 'posid:1')}" var="article">--%>
                        <%--<li data-title="${fns:abbr(article.title,28)}" class="hiSlider-item">--%>
                            <%--<a href="${article.url}">--%>
                                <%--<img src="${article.image}" alt="1111">--%>
                            <%--</a>--%>
                        <%--</li>--%>
                        <%--<li class="clear">--%>
                            <%--<div class="right_news_div">--%>
                                <%--<a title="${fns:abbr(article.title,28)}" href="${article.url}">${fns:abbr(article.title,28)}</a>--%>
                            <%--</div>--%>
                            <%--<div class="right_newTime_div">--%>
                                <%--[<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]--%>
                            <%--</div>--%>
                        <%--</li>--%>
                    <%--</c:forEach>--%>

                    <li data-title="党员发展会" class="hiSlider-item">
                        <a href="">
                            <img src="${ctxStatic}/images/focus/meeting_1.png" alt="11111">
                        </a>
                    </li>
                    <li data-title="党员发展会" class="hiSlider-item">
                        <img src="${ctxStatic}/images/focus/meeting_2.png" alt="22222">
                    </li>
                    <li data-title="党员发展会" class="hiSlider-item">
                        <img src="${ctxStatic}/images/focus/meeting_3.png" alt="33333">
                    </li>
                    <li data-title="党员发展会" class="hiSlider-item">
                        <img src="${ctxStatic}/images/focus/meeting_4.png" alt="44444">
                    </li>
                    <li data-title="党员发展会" class="hiSlider-item">
                        <img src="${ctxStatic}/images/focus/meeting_5.png" alt="55555">
                    </li>
                </ul>
            </div>

            <!-- 热点新闻： -->
            <div class="news_hot">
                  <div class="tab-wrapper">
                      <input type="radio" name="tab-radio" class="tab-radio" id="tab-radio-1" checked>
                      <label for="tab-radio-1" class="tab-handler tab-handler-1">通知公告</label>
                      <div class="tab-content tab-content-1">
                          <ul>
                              <c:forEach items="${fnc:getArticleList(site.id, 'f3be051bdfa74ce698f5620bd8b3c46b', 10, '')}" var="article">
                                  <li class="clear">
                                      <div class="right_news_div">
                                          <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,100)}</a>
                                      </div>
                                      <div class="right_newTime_div">
                                          [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                      </div>
                                  </li>
                              </c:forEach>
                          </ul>
                      </div>

                      <input type="radio" name="tab-radio" class="tab-radio" id="tab-radio-2">
                      <label for="tab-radio-2" class="tab-handler tab-handler-2">文化建设</label>
                      <div class="tab-content tab-content-2">
                          <ul>
                              <c:forEach items="${fnc:getArticleList(site.id, '55abc446050d410cbd8803b3e8bbccf7', 10, '')}" var="article">
                                  <li class="clear">
                                      <div class="right_news_div">
                                          <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>
                                      </div>
                                      <div class="right_newTime_div">
                                          [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                      </div>
                                  </li>
                              </c:forEach>
                          </ul>
                      </div>

                      <input type="radio" name="tab-radio" class="tab-radio" id="tab-radio-3">
                      <label for="tab-radio-3" class="tab-handler tab-handler-3">推荐阅读</label>
                      <div class="tab-content tab-content-3">

                      </div>
                  </div>


                  <%--<label  class="tab-handler">推荐阅读</label>--%>
                  <%--<div class="tab-content">--%>

                  <%--</div>--%>
                  <%--<label class="tab-handler">文化建设</label>--%>
                  <%--<div class="tab-content">--%>
                      <%--<ul>--%>
                          <%--<c:forEach items="${fnc:getArticleList(site.id, '55abc446050d410cbd8803b3e8bbccf7', 10, '')}" var="article">--%>
                              <%--<li class="clear">--%>
                                  <%--<div class="right_news_div">--%>
                                      <%--<a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>--%>
                                  <%--</div>--%>
                                  <%--<div class="right_newTime_div">--%>
                                      <%--[<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]--%>
                                  <%--</div>--%>
                              <%--</li>--%>
                          <%--</c:forEach>--%>
                      <%--</ul>--%>
                  <%--</div>--%>
                  <%--<label class="tab-handler">通知公告</label>--%>
                  <%--<div class="tab-content">--%>
                      <%--<ul>--%>
                          <%--<c:forEach items="${fnc:getArticleList(site.id, 'f3be051bdfa74ce698f5620bd8b3c46b', 10, '')}" var="article">--%>
                              <%--<li class="clear">--%>
                                  <%--<div class="right_news_div">--%>
                                      <%--<a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,100)}</a>--%>
                                  <%--</div>--%>
                                  <%--<div class="right_newTime_div">--%>
                                      <%--[<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]--%>
                                  <%--</div>--%>
                              <%--</li>--%>
                          <%--</c:forEach>--%>
                      <%--</ul>--%>
                  <%--</div>--%>
            </div>
        </div>

        <!-- 内容板块 -->
        <div class="content_normal jz">
            <!-- 内容板块第一行 -->
            <div class="content_normal_1">
                <!-- 组织管理 -->
                <div class="f_zzgl fl">
                    <div class="f_title">
                        <div class="titlefont fl">
                            组织管理
                        </div>
                        <div class="f_more flr">
                            <a href="${ctx}/list-2.html" target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>
                    <div class="f_content">
                        <ul>
                            <c:forEach items="${fnc:getArticleList(site.id, 2, 8, '')}" var="article">
                                <li class="clear">
                                    <div class="right_news_div">
                                        <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>
                                    </div>
                                    <div class="right_newTime_div">
                                        [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                    </div>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <!-- 党员管理 -->
                <div class="f_dygl fl">
                    <div class="f_title">
                        <div class="titlefont fl">
                            党员管理
                        </div>
                        <div class="f_more flr">
                            <a href="${ctx}/list-b83404a802394051b61451c580037a9e.html" target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>
                    <div class="f_content">
                        <ul>
                            <c:forEach items="${fnc:getArticleList(site.id, 'b83404a802394051b61451c580037a9e', 8, '')}" var="article">
                                <li class="clear">
                                    <div class="right_news_div">
                                        <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>
                                    </div>
                                    <div class="right_newTime_div">
                                        [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                    </div>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <!-- 党员发展 -->
                <div class="f_dyfz fl">
                    <div class="f_title">
                        <div class="titlefont fl">
                            党员发展
                        </div>
                        <div class="f_more flr">
                            <a href="${ctx}/list-a12801bc885f4cdc89aadb977b9d1b3d.html" target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>
                    <div class="f_content">
                        <ul>
                            <c:forEach items="${fnc:getArticleList(site.id, 'a12801bc885f4cdc89aadb977b9d1b3d', 8, '')}" var="article">
                                <li class="clear">
                                    <div class="right_news_div">
                                        <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>
                                    </div>
                                    <div class="right_newTime_div">
                                        [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                    </div>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="blank10"></div>

            <!-- 内容板块第二行 -->
            <div class="content_normal_2">
                <!-- 党费管理 -->
                <div class="f_zzgl fl">
                    <div class="f_title">
                        <div class="titlefont fl">
                            党费管理
                        </div>
                        <div class="f_more flr">
                            <a href="${ctx}/list-dd339220a0af4ed19b25457997289592.html" target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>
                    <div class="f_content">
                        <ul>
                            <c:forEach items="${fnc:getArticleList(site.id, 'dd339220a0af4ed19b25457997289592', 8, '')}" var="article">
                                <li class="clear">
                                    <div class="right_news_div">
                                        <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>
                                    </div>
                                    <div class="right_newTime_div">
                                        [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                    </div>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <!-- 工作管理 -->
                <div class="f_dygl fl">
                    <div class="f_title">
                        <div class="titlefont fl">
                            工作管理
                        </div>
                        <div class="f_more flr">
                            <a href="${ctx}/list-68207c2f902e4945af8a5117e2da54cc.html" target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>
                    <div class="f_content">
                        <ul>
                            <c:forEach items="${fnc:getArticleList(site.id, '68207c2f902e4945af8a5117e2da54cc', 8, '')}" var="article">
                                <li class="clear">
                                    <div class="right_news_div">
                                        <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>
                                    </div>
                                    <div class="right_newTime_div">
                                        [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                    </div>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <!-- 成果展示 -->
                <div class="f_dyfz fl">
                    <div class="f_title">
                        <div class="titlefont fl">
                            成果展示
                        </div>
                        <div class="f_more flr">
                            <a href="${ctx}/list-8dff6d9d7ff84d9d8cca4de9d8866852.html" target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>
                    <div class="f_content">
                        <ul>
                            <c:forEach items="${fnc:getArticleList(site.id, '8dff6d9d7ff84d9d8cca4de9d8866852', 8, '')}" var="article">
                                <li class="clear">
                                    <div class="right_news_div">
                                        <a title="${fns:abbr(article.title,80)}" href="${article.url}">${fns:abbr(article.title,80)}</a>
                                    </div>
                                    <div class="right_newTime_div">
                                        [<fmt:formatDate pattern="MM-dd" value="${article.updateDate}" />]
                                    </div>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        //焦点图初始化
        $('.hiSlider1').hiSlider({
            mode: 'fade'
        });

        //引用layui element模块
//        layui.use('element', function () {
//            var element = layui.element();
//        });
    </script>
</body>
</html>
